
/*@font-face {
	font-family: 'VistaSansReg';
	src: url('vistasanreg-webfont.eot');
	src: local('VistaSansReg'), local('VistaSansReg'), url('vistasanreg-webfont.woff') format('woff'), url('vistasanreg-webfont.ttf') format('truetype'), url('vistasanreg-webfont.svg#webfontWmNQaFyx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'VistaSansBold';
	src: url('vistasanbol-webfont.eot');
	src: local('VistaSansBold'), local('VistaSansBold'), url('vistasanbol-webfont.woff') format('woff'), url('vistasanbol-webfont.ttf') format('truetype'), url('vistasanbol-webfont.svg#webfontpLUr93E3') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

body {
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, sans-serif;
	background:#868789 url(../imagenes/Back.jpg) repeat-x;	
}
img {border:none;}
a img{text-decoration:none;}
#principal {
	margin:0 auto;
	width:960px;
	
}

.addButton{
    padding-top: 5px;
    padding-left: 40%;
}

/*LISTAS*/

.tabla{
    position: relative;
    margin: auto;
    border: 2px;
    border-style: solid;
    border-color: #818183;
    border-style-inner: solid;
    width: 250px;
    
}

.tabla td, th
 {
    border:1px solid black;
    border-color: #818183;
    text-align: center;
    font-size: 11px;
 }
 
.enlaceboton {    font-family: verdana, arial, sans-serif; 
     font-size: 10pt; 
     font-weight: bold; 
     padding: 4px; 
     background-color: #FFF; 
     color: #666666; 
     text-decoration: none; 
 } 
 .enlaceboton:link, 
 .enlaceboton:visited { 
     border-top: 1px solid #cccccc; 
     border-bottom: 2px solid #666666; 
     border-left: 1px solid #cccccc; 
     border-right: 2px solid #666666; 
 } 
 .enlaceboton:hover { 
     border-bottom: 1px solid #cccccc; 
     border-top: 2px solid #666666; 
     border-right: 1px solid #cccccc; 
     border-left: 2px solid #666666; 
 }
 
 .tr_1{
     background-color: #999999;
 }
 .tr_2{
     background-color: #E6E6E6;
 }
 
 th
 {
    background-color: #c6c5c5;
    color:#4a4b4d;
 }
/* FIN ENLACE BOON*/

.texto font{
    font-size: 14px;
}

.texto{
/*    padding-bottom: 5%;
    padding-left: 4%;
    padding-right: 6%;*/

padding-bottom: 30px;
    padding-left: 35px;
    padding-right:54px;
}

.cont_quienes{
    font-size: 14px;
    color: #FFF;
    font-weight: 600;
    padding-bottom: 2%;
    
    
}

#top {
}
	#top .info{
		/*padding:arriba derecha abajo izquierda */
		background:#333333;	
	}
	#top .info .info_der{
		float:left;
		margin:7px 0 0 30px;
	}
	#top .info .info_izq{
		float:right;
		margin:7px 30px 0 0;		
	}
	#cont_menu {
		width:100%;
		height:123px;
		background:url(../imagenes/fondo.jpg);
	}
		#cont_menu .logo{
			float:left;
			width:300px;
			overflow:hidden;
		}
		#menuh {
			float:left;
			width:660px;
			position:relative;
			font-weight:normal;
		}
		#menuh ul {
			margin:30px auto 0 18px;
			padding:0;
		}
		#menuh li {
			float:left;
			margin:0;
			padding:0;
			text-indent:0;
			list-style-type:none;
			font-size:17px;
		}
		#menuh li a{
			display:block;
			/*padding:arriba derecha abajo izquierda */
			padding:20px 10px;
			color:#666666;
			text-align:center;
			text-decoration:none;
		}
		#menuh li a:hover{
			color:#333 !important;
		}
		.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
		.current_page_item a { color: #333 !important; }
		#magic-line { 
			position: absolute; 
			bottom: -37px; 
			height: 18px; 
			background:url(../imagenes/triangulo.gif) no-repeat;
		}
   
#promos {
	width:100%;
	display:block;
	float:left;
	position:relative;
	z-index:999;
}
	#cont_slide{
		float:left;
		position:relative;
	}
		#slide {
			height:293px;
			width: 960px;
			overflow: hidden; /*--Hides anything outside of the set width/height--*/
			position: relative;
		}
			.img_slide {
				position: absolute;
				top: 0; left: 0;
			}
				.promo_cont {
					position:relative;
				}
				.promo_cont img{
					float:left;
					border:none;
				}
		#promo_botones {
			position: absolute;
			bottom: -20px; left: 28px;
			z-index: 999;
		}
		#promo_botones img{
			border:none;
		}
		#slide_num {
			font-size:10px;
			position: absolute;
			right: -13px;
			width: 178px; height:47px;
			z-index: 100; /*--Assures the paging stays on the top layer--*/
			text-align: center;
			line-height: 40px;
			display: none; /*--Hidden by default, will be later shown with jQuery--*/
		}
		#slide_num a {
			padding: 5px;
			text-decoration: none;
			color: #fff;
			background: #666; 
		}
		#slide_num a.active {
			font-weight: bold; 
			background: #333; 
			/*border: 1px solid #610000;*/
		}
#contenido {
	width:960px;
	position:relative;
	float:left;
	background:url(../imagenes/fondo-cont.jpg) no-repeat #FFFFFF;
}
	#contenido #cont_contenido {
		position:relative;
		margin:30px;
	}
	#contenido .info {
		background:#999999;
		bottom:0px;
	}
	
	/*INDEX*/
	.isk {
		width:425px;
		font-size:14px;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		color:#666;
		position:relative;
		float:left;
	}
	.isk font {
		font-size:24pt;
		font-weight: bold; 
	}
	
	.der{
		position:relative;
		float:left;
		width:375px;
		margin-left:100px;
		font-size:13px;
		text-align:left; 
		color:#666;
	}
	.der .promos_txt {
		border-top:solid 2px #bbb;
		padding-top:20px;
	}
	
	.der #promos_txt font{
		font-size:14pt;
		font-weight: bold;
	}
	
	.der #promos_txt a {
		text-decoration:none;
	}
	.der #promos_txt a:visited {
		color:#000000;
		text-decoration:none;
	}
	.der #promos_txt a img {
		border:none;
	}
	/*fin de index*/
	
.contenido_resto {
	width:960px;
	position:relative;
	float:left;
	background:#868789;
}
.contenido_inicio {
	width:960px;
	position:relative;
	float:none;
	background:#868789;
}

	.contenido_resto .cont_contenido {
		position:relative;
		float:left;
		margin:22px 0 0 30px;
	}

	/*PORTAFOLIO*/
	.portafolio {
		height:650px;
	}
	.portafolio #inicio {
		position:relative;
		margin:20px 30px;
	}
	.portafolio .texto {
		width:900px;
		font-size:13px;
		color:#FFF;
	}
        
        
	.portafolio #contenedor_gal{position:relative;margin:20px 30px;}
	.portafolio #contenedor_gal .galerias {position:relative; float:left; width:180px; height:200px;}
	.portafolio #contenedor_gal .galerias a {background:url(../imagenes/bg-portafolio.jpg) no-repeat; display:block; width:170px; height:170px; color:#fff; text-decoration:none;}
	.portafolio #contenedor_gal .galerias a:hover {background:url(../imagenes/bg-portafolio-hover.jpg) no-repeat; text-decoration:underline;}
	.portafolio #contenedor_gal .galerias a span.imagen{display:block;padding:10px 0 0 10px;}
	.portafolio #contenedor_gal .galerias a span.categoria{display:block;text-align:center;margin-top:7px; font-size:14px; font-weight:bold;}
	/*End of portadolio*/
	
	/*PROMOCIONALES*/
	.promocionales {
		height:760px;
	}
	
	.promocionales .texto {
		width:800px;
		font-size:13px;
		color:#FFF;
	}
        
        
        .promocionales .textCat{
            margin: auto;
            width: 110px;
            color:#999;
            font-size: 13px;
            background-color: #717171;
            border: 1px;
            border-color:#999a9c;
            border-style: solid; 
        }

	
	.promocionales .submenu_promo {
		position:relative;
		float:left;
		width:160px;
		background:#818183;
	}
		.promocionales .submenu_promo ul {
			list-style:none;
			margin:0;
			padding:0;
		}
		.promocionales .submenu_promo ul li {
			list-style:none;
			margin:0;
			padding:0;
			text-indent:0;
			list-style-type:none;
			font-size:12px;
		}
		.promocionales .submenu_promo li a{
			display:block;
			width:140px;
			padding:3px 10px;
			color:#FFFFFF;
			text-align:left;
			text-decoration:none;
		}
		.promocionales .submenu_promo li a:hover{
                        
			color:#555658;
                          
			background:#999a9c;
		}
		.promocionales .submenu_promo .select{
			color:#555658;
			background:#999a9c;
		}
	.promocionales .scrollable_vertical {
		position:relative;
		margin-left:20px;
		float:left;
		width:200px;
	}
	.promocionales .info_scrollable {
		position:relative;
		float:left;
		margin-left:3px;
		width:520px;
		height:600px;
		color:#FFFFFF;
		font-size:12px;

	}
		.promocionales .info_scrollable .img{
			text-align:center;
		}
		.promocionales .info_scrollable .desc_scrollable {
			margin-bottom:20px;
		}
			.promocionales .info_scrollable .desc_scrollable .info1 {
				position:relative;
				width:100%;
				margin-top:10px;
				margin-left:6px;
			}
				.promocionales .desc_scrollable .info_scrollable .desc_scrollable .info1 .titulo{
                                    
					font-size:24px;
					font-weight:bold;
				}

			.promocionales .info_scrollable .desc_scrollable .info2 {
				position:relative;
				width:100%;
				text-align:left;
				margin-top:40px;
				margin-left:8px;
			}
				.promocionales .info_scrollable .desc_scrollable .info2 .tooltip {
					background:url(../imagenes/black_arrow.png);
					padding-top:40px;
					height:55px;
				}

	/*end of promocionales*/
	
	/*SERVICIOS*/
	.servicios .cuadro_d {
		position:relative;
		float:left;
		width:320px;
		margin:30px;
		color:#ffffff;
		font-size:14px;
		background:#808183;
	}
		.servicios .cuadro_d font{
			font-size:24pt;
                        font-family:Tahoma, Geneva, sans-serif !important;

			color:#FFF;
			font-weight:bold;
		}
		.servicios .cuadro_d .tabs {
			position:relative;
			margin:20px;
		}
		.servicios .cuadro_d .tabs ul{
			list-style:none;
			margin:0;
			padding:0;
		}
		.servicios .cuadro_d .tabs ul li{
			list-style:none;
			text-indent:0;
			padding:0 0 6px 0;
		}
		.servicios .cuadro_d .tabs li a{
			display:block;
			width:250px;
			padding:8px 8px 8px 20px;
			text-align:left;
			text-decoration:none;
			color:#a8a8a8;
			background:url(../imagenes/tabs_serv.jpg) repeat-x;
		}
		.servicios .cuadro_d .tabs li a:hover{
			color:#FFF;
			background:url(../imagenes/tabs_serv_hover.jpg) repeat-x !important;
		}
		.servicios .cuadro_d .tabs li .current{
			color:#fff;
			background:url(../imagenes/tabs_serv_hover.jpg) repeat-x !important;
		}
	
	.servicios .cuadro_i {
		position:relative;
		float:left;
		width:550px;
		margin-top:30px;
	}
		.servicios .cuadro_i .contenido_tabs{
			position:relative;
			width:550px;
			overflow:hidden;
		}
			.servicios .cuadro_i .contenido_tabs .items{
				position:relative;
				width:2000em;
				clear:both;
				margin:0;
				padding:0;
			}
				.servicios .cuadro_i .contenido_tabs .items .item_solo {
					position:relative;
					float:left;
					width:550px;
					height:787px;
					background:#4a4b4d;
					color:#fff;
				}
					.contenido_tabs .items .item_solo .titulo{
                                            
                                            margin:30px 15px 20px 15px;
                                            padding-top: 40px;
                                        }
						.contenido_tabs .items .item_solo .titulo font{font-size:15pt; font-weight:bold;}
						
					.contenido_tabs .items .item_solo .desc{margin:15px; font-size:13px;}
						.contenido_tabs .items .item_solo .desc div{
							width:45%;
							float:left;
						}
						.contenido_tabs .items .item_solo .primero {
							padding-right:20px;
							/*border-right:solid 1px #fff;*/
						}
                                               
						.contenido_tabs .items .item_solo .segundo {
							padding-left:30px;
						}
				.items .dis{ background: url(../imagenes/serv_dis.jpg) #4a4b4d  !important}
				.items .pro{ background: url(../imagenes/serv_pro.jpg) #4a4b4d no-repeat !important; }
				.items .grab{ background: url(../imagenes/serv_grab.jpg) #4a4b4d no-repeat !important; }
				.items .sand{ background: url(../imagenes/serv_sand.jpg) #4a4b4d no-repeat !important; }
				.items .sub{ background: url(../imagenes/serv_sub.jpg) #4a4b4d no-repeat !important; }
				.items .imp{ background: url(../imagenes/serv_imp.jpg) #4a4b4d no-repeat !important; }
				.items .pin{ background: url(../imagenes/serv_pin.jpg) #4a4b4d no-repeat !important; }
				.items .iman{ background: url(../imagenes/serv_iman.jpg) #4a4b4d no-repeat !important; }
				.items .vin{ background: url(../imagenes/serv_vin.jpg) #4a4b4d no-repeat !important; }
				.items .lon{ background: url(../imagenes/serv_lon.jpg) #4a4b4d no-repeat !important; }
				.items .cred{ background: url(../imagenes/serv_cred.jpg) #4a4b4d no-repeat !important; }
                                .items .sen{ background: url(../imagenes/serv_sen.jpg) #4a4b4d no-repeat !important; }

                                
	/*end of servicios*/
	
	/*CONTACTO*/
	.info_contacto {
		position:relative;
		float:left;
		width:250px;
		color:#FFF;
		font-size:12px;
		margin:30px;
	}
	.info_contacto font, #inicio font {
		font-size:24pt !important;
		color:#FFF;
		font-weight:bold;
	}
	.form_contacto {
		position:relative;
		float:left;
		width:500px;
		color:#FFF;
		font-size:14px;
		margin:72px 0 0 50px;
	}
	.form_contacto input{
		background-color:#666;
		color:#FFF;
		border:none;
		width:500px;
		height:25px;
		margin-top:5px;
	}
	div.enviar{
		position:relative;
		float:right;
	}
	div.enviar input, div.enviar span{
		background-image:url(../imagenes/enviar.gif);
		background-repeat:no-repeat;
		border: 0 none;
		height:34px;
		cursor:pointer;
		font-weight:bold;
	}
	div.enviar input{
		width:159px;
	}
	.form_contacto textarea{
		background-color:#666;
		color:#FFF;
		border:none;
		width:500px;
		height:100px;
		margin-top:5px;
	}
	/*end of contacto*/

#bottom{
	background:#999;
	position:relative;
	float:left;
	width:100%;
	text-align:center;
	padding:7px 0;
	
}
.info {
	width:100%;
	height:25px;
	color:#E6E6E6;
	position:relative;
	font-size:11px;
}

.clear {
	clear:both;
}


.logcontenido{
        float: none;
	width:680px;
	padding: 20px;
	border-left: #E6E6E6 solid 20px;
	border-right:#E6E6E6 solid 20px;
	border-bottom:#E6E6E6 solid 20px;
	-moz-border-top-left-radius:40px;
	-moz-border-top-right-radius:40px;
	-webkit-border-bottom-left-radius:40px;
	-webkit-border-bottom-right-radius:40px;
}
.logtabla{
    color: #FFF;
    text-align: left;
    font-family: "verdana";
}

.awesome{
background: #222 repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: relative;
cursor: pointer;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
.gray.awesome {
background-color: #666;
}

#addImagenDiv{
  display:none; 
  text-align: right; 
}


.form{
    margin-top: 25px;
    margin-bottom: 25px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
}

#imgLogo{
    padding-top: 30px;
    padding-left: 15px;
    width: 200px;
    height: 60px;
}
 


